import React from "react";
import {Timeline, Button, Steps} from 'antd';

const {Step} = Steps;
export default () => {
  const title = <div>
    <Button type="primary">处理中</Button>
    <h2>h2</h2>
  </div>
  return <div>
    <h1>时间线</h1>
    <Timeline>
      <Timeline.Item> <Button type="primary">处理中</Button>
        Create a services site 2015-09-01
        <div>备注：000</div>
      </Timeline.Item>
      <Timeline.Item>Solve initial network problems 2015-09-01</Timeline.Item>
      <Timeline.Item>Technical testing 2015-09-01</Timeline.Item>
      <Timeline.Item>Network problems being solved 2015-09-01</Timeline.Item>
    </Timeline>,

    <h1>步骤条</h1>

    <Steps progressDot current={1} direction="vertical">
      <Step title={title} description="This is a description.">aaa</Step>
      <Step title="In Progress" description="This is a description."/>
      <Step title="Waiting" description="This is a description."/>
    </Steps>
  </div>
}
